$(function () {
  //定义 接口参数对象
  let QueryObj = {
    //查询关键词
    query: "",
    //分类 id 要获取url的 cid的值
    cid: getUrl("cid"),
    //页码 第几页
    pagenum: 1,
    //页容量 每一页可以存放几条数据
    pagesize: 10
  };
  // 总的页数
  let TotalPages = 1;

  init();

  function eventList() {
    // 给下拉刷新组件的中的a标签绑定tap点击事件 进行跳转跳转
    $(".goods_lst").on("tap", "a", function () {

      location.href = this.href;
    })

  }

  // 根据url上的key来获取对应的值
  // list.html?cid=100
  // getUrl("cid")=100
  function getUrl(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]);
    return null;
  }
  // console.log(getUrl("cid"));


  function init() {
    // 下上啦刷新初始化代码
    mui.init({
      pullRefresh: {
        container: ".pyg_view",
        down: {
          auto: true,
          //  触发下拉刷新时自动触发
          callback: function () {
            // 4.4.1 重置页码
            QueryObj.pagenum = 1;
            // 4.4.2 重置 上拉加载 组件 tips:思路没有错 但是 没有效果 因为 mui框架封装的错！！！
            // mui(".pyg_view")
            //   .pullRefresh()
            //   .refresh(true);
            getGoodSearch(function (arr) {
              let html = template("mainTpl", {
                arr: arr
              });
              $(".goods_lst").html(html);
              // 结束下拉刷新
              mui(".pyg_view")
                .pullRefresh()
                .endPulldownToRefresh();
              // 使用mui官网上的结束的代码  会报错 方法是错！！！！
              // mui('.pyg_view').pullRefresh().endPulldown();
              // 4.4.2 重置 上拉加载 组件 tips:思路没有错 但是 没有效果 因为 mui框架封装的错！！！
              mui(".pyg_view")
                .pullRefresh()
                .refresh(true);
            });
          }
        },
        up: {
          //  触发上拉刷新时自动触发
          callback: function () {
            //判断有没有下一页
            if (QueryObj.pagenum >= TotalPages) {
              //没有数据
              console.log('没有数据');
              // 传入true mui组件自己把提示信息 变成 没有更多数据了...
              // 宣布了上拉加载的组件 已经停用了  不会再有上拉的效果和行为了
              mui(".pyg_view").pullRefresh().endPullupToRefresh(true);
            } else {
              QueryObj.pagenum++;
              getGoodSearch(function (arr) {
                let html = template("mainTpl", {
                  arr: arr
                });
                //追加
                $(".goods_lst").append(html);
                // 结束上拉刷新
                mui(".pyg_view").pullRefresh().endPulldownToRefresh(false);
                // console.log("li标签的条数：" + $(".goods_lst li").length);
              });
            }
          }
        }
      }
    });
    eventList();
  }

  // //获取商品列表数据
  // function getGoodSearch(){
  //   $.get("goods/search",QueryObj,function(result){
  //     if(result.meta.status===200){
  //       //请求成功
  //       //假设存在数据
  //       if(result.data.goods){
  //         let arr =result.data.goods;
  //         let html=template("mainTpl",{arr:arr});
  //         $(".goods_lst").html(html);
  //         // 结束下拉刷新
  //         mui(".pyg_view").pullRefresh().endPulldownToRefresh();
  //       }
  //     }
  //   })
  // }
  //获取商品列表数据
  function getGoodSearch(cb) {
    $.get("goods/search", QueryObj, function (result) {
      if (result.meta.status === 200) {
        //请求成功
        //假设存在数据
        if (result.data.goods) {
          TotalPages = Math.ceil(result.data.total / QueryObj.pagesize);
          console.log(`总页数：${TotalPages}`);
          let arr = result.data.goods;
          cb(arr);
        }
      }
    })
  }


})